<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>积分</title>
    <link rel="stylesheet" type="text/css" href="../css/page/point.css" />
</head>
<body>
    <div class="page" @vue:mounted="mounted" >
       
    <div class="top-card">
        <div class="top-title">我的积分</div>
        <div class="score">
            <b>609</b> 积分
        </div>
        <div class="btn-tocket">
            <i class="icon-star"></i>
            <span>积分兑换门票</span>
            <span class="icon-arrow"></span>
        </div>
    </div>

    <div class="box-welfare">
        <div class="btitle">限时福利</div>
        <div class="box-fare">
            <i class="icon-user"></i>
            <div class="finfo">
                <span class="one-cl">新用户大礼包</span>
                <span class="two-cl">第一次注册并登录平台</span>
                <span class="three-cl"> <i class="icon-score"></i> +10积分</span>
            </div>
            <div class="btn-get">领取</div>
        </div>
        <div class="box-fare">
            <i class="icon-user"></i>
            <div class="finfo">
                <span class="one-cl">推荐好友获得积分</span>
                <span class="two-cl">分享给好友注册获得积分</span>
                <span class="three-cl"> <i class="icon-score"></i> +10积分</span>
            </div>
            <div class="btn-get">领取</div>
        </div>

        <div class="btitle">日常积分</div>
        <div class="box-fare">
            <i class="icon-video"></i>
            <div class="finfo">
                <span class="one-cl">观看视频</span>
                <span class="two-cl">观看闪耀的她获得积分</span>
                <span class="three-cl"> <i class="icon-score"></i> +2积分</span>
            </div>
            <div class="btn-get">领取</div>
        </div>
        <div class="box-fare">
            <i class="icon-video"></i>
            <div class="finfo">
                <span class="one-cl">观看视频</span>
                <span class="two-cl">观看闪耀的她获得积分</span>
                <span class="three-cl"> <i class="icon-score"></i> +2积分</span>
            </div>
            <div class="btn-get">领取</div>
        </div>
        <div class="box-fare">
            <i class="icon-video"></i>
            <div class="finfo">
                <span class="one-cl">观看视频</span>
                <span class="two-cl">观看闪耀的她获得积分</span>
                <span class="three-cl"> <i class="icon-score"></i> +2积分</span>
            </div>
            <div class="btn-get">领取</div>
        </div>

    </div>
    </div>

    <script src="../script/api.js"></script>
    <script src="../script/common.js"></script>

    <script type="module">
         import { createApp } from 'https://www.chenxiangle.com/app/web/script/pvue.js';
         const APP = () => {
            createApp({ 
                data:{

                },
                mounted(){

                }
            }).mount()
         }
         window.apiready = () => {
            $api.fixStatusBar($api.dom('.nav-bar'));
            APP();
            api.setStatusBarStyle && api.setStatusBarStyle({
                style: 'dark',
                color: '-'
            });
        }
    </script>
</body>
</html>